Formatter Format user input to match a specified pattern.

Basic Demo


      $('#date-demo1').formatter({
        'pattern': '{{9999}}-{{99}}-{{99}}',
      });
      $('#date-demo2').formatter({
        'pattern': '{{9999}}/{{99}}/{{99}}',
      });
      $('#time-demo').formatter({
        'pattern': '{{99}}:{{99}}',
      });
     $('#time-demo2').formatter({
        'pattern': '{{99}}:{{99}}',
      });
      $('#date-time').formatter({
        'pattern': '{{9999}}/{{99}}/{{99}} {{99}}:{{99}}',
      });
      $('#characters-demo').formatter({
        'pattern': '{{aaaaaaaaaa}}',
      });
     $('#phone-input').formatter({
        'pattern': '({{99}}-{{9999}}-{{9999}})',
        'persistent': true
      });
  

Extended


      $('#phone-demo').formatter({
        'pattern': '({{999}}) {{999}}-{{9999}}',
        'persistent': true
      });
      $('#phone-code').formatter({
        'pattern': '+91 {{999}}-{{999}}-{{999}}-{{9999}}',
        'persistent': true
      });
    
      $('#currency-demo').formatter({
        'pattern': '$ {{999}}-{{999}}-{{999}}.{{99}}',
        'persistent': true
      });
      $('#credit-demo').formatter({
        'pattern': '{{9999}}-{{9999}}-{{9999}}-{{9999}}',
        'persistent': true
      });
    
      $('#product-key').formatter({
        'pattern': 'm{{*}}-{{999}}-{{999}}-C{{99}}',
        'persistent': true
      });
      $('#purchase-code').formatter({
        'pattern': 'ISBN{{9999}}-{{9999}}-{{9999}}-{{9999}}',
        'persistent': true
      });
    });
  
settings
close
Theme Customizer

Customize & Preview in Real Time

Navbar Options

Footer Options

add_shopping_cart